<template>
	<view>
		<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :style="{height:banHeight}" previous-margin='50px' next-margin='50px'>
			<swiper-item>
				<image class="banner-item-img" src="../../static/icon/fxorder.png" :style="{height:banHeight}" alt='1'/>
				<image class="banner-item-img" src="../../static/icon/payment.png" :style="{height:banHeight}" alt='2'/>
				<image class="banner-item-img" src="../../static/icon/team.png" :style="{height:banHeight}" alt='3'/>
				<image class="banner-item-img" src="../../static/logo.png" :style="{height:banHeight}" alt='4'/>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: false,
				autoplay: true,
				interval: 5000,
				duration: 1000,
			};
		},
		computed: {
			banHeight() {
				return uni.upx2px(750 / 2.14) + 'px';
			}
		},
	}
</script>

<style>
  
</style>
